<template>
    <div style="height:100%" v-scroll="scroll">
        <ul v-for="page in pageList" >
            <span>page:{{page.pageId}}</span>
            <li v-for="item in page.pageItems">{{item}}</li>
        </ul>
    </div>
</template>
<script>
import { mapActions,mapGetters  } from 'vuex'
export default{
    name:'list',
    computed:{
        ...mapGetters([
            'pageList'
        ])
    },
    mounted(){
        
    },
    methods:{
        ...mapActions([
            'getList'
        ]),
        scroll(){
            console.log('scroll',this);
        }
    }
}
</script>
<style lang="scss" rel="stylesheet/scss">
    .red {
        color: blue;
    }
    .bold {
        background: #3cbaff;
    }
    ul{
        font-size:33px;
        display:block;
        li{
            height:60px;
        }
    }
</style>